// small
$button-sm-padding: 0 $space-8;

// medium
$button-md-padding: 0 $space-10;

// large
$button-lg-padding: 0 $space-20;

// common
$button-min-width: $space-32;
$button-border-radius: 6px;
$button-disabled-opacity: 0.3;
$button-icon-size: $space-20;
$button-gap: $space-4;
$button-outline: var(--focused);

$button-variations: (
  'primary': (
    'bg': var(--interaction-primary-enabled),
    'color': var(--text-interaction-primary-enabled),
    'hover-bg': var(--interaction-primary-hovered),
    'hover-color': var(--text-interaction-primary-hovered),
    'active-bg': var(--interaction-primary-activated),
    'active-color': var(--text-interaction-primary-activated),
  ),
  'secondary': (
    'bg': var(--interaction-secondary-enabled),
    'color': var(--text-interaction-secondary-enabled),
    'hover-bg': var(--interaction-secondary-hovered),
    'hover-color': var(--text-interaction-secondary-hovered),
    'active-bg': var(--interaction-secondary-activated),
    'active-color': var(--text-interaction-secondary-activated),
  ),
  'outline': (
    'bg': var(--interaction-neutral-enabled),
    'color': var(--text-interaction-neutral-enabled),
    'hover-bg': var(--interaction-neutral-hovered),
    'hover-color': var(--text-interaction-neutral-hovered),
    'active-bg': var(--interaction-neutral-activated),
    'active-color': var(--text-interaction-neutral-activated),
    'border': 1px solid var(--border-default-medium),
  ),
  'ghost': (
    'bg': transparent,
    'color': var(--text-default-medium),
    'hover-bg': var(--interaction-neutral-hovered),
    'hover-color': var(--text-default-medium),
    'active-bg': var(--interaction-neutral-activated),
    'active-color': var(--text-default-medium),
  ),
  'danger': (
    'bg': var(--interaction-danger-enabled),
    'color': var(--text-interaction-danger-enabled),
    'hover-bg': var(--interaction-danger-hovered),
    'hover-color': var(--text-interaction-danger-hovered),
    'active-bg': var(--interaction-danger-activated),
    'active-color': var(--text-interaction-danger-activated),
  ),
);
